<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>设计题</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}

			.bg {
				width: 70%;
				height: 600px;
				/* background:#33CCCC; */
				margin: 50px auto;

			}

			.one,
			.two {
				width: 300px;
				height: 300px;
				background-color:#f8f4f4 ;

			}

			.one {
				float: left;
				margin-left: 150px;
			}

			.two {
				float: right;
				margin-right: 200px;
			}
		</style>
	</head>
	<body>
		<div class="bg">
			<div class="one">
				<h2>HTML</h2>
                超文本标记语言(Hyper Text Markup Language)，
                标准通用标记语言下的一个应用。 HTML不是一种编
                程语言，而是一种标记语言(markup language)，
                是网页制作所必备的“超文本” 就是指页面内可以
                包含图片、链接，甚至音乐、程序等非文字元素。
                超文本标记语言的结构包括”头”部分(英语:
                Head) 、和”主体”部分(英语: Body) ，其
                中”头”部提供关于网页的信息， “主体”部分提供
               </div>
			<div class="two">
				<h2>CSS</h2>
				层叠样式表(英文全称: Cascading Style Sheets)是
				一种用来表现HTML (标准通用标记语言的一个应
				用)或XML (标准通用标记语言的一个子集)等文件
				样式的计算机语言。CSS不仅可以静态地修饰网页，
				还可以配合各种脚本语言动态地对网页各元素进行格
				式化。CSS 能够对网页中元素位置的排版进行像素
				级精确控制，支持几乎所有的字体字号样式，拥有对
				网页对象和模型样式编辑的能力。

			</div>
		</div>
	</body>
</html>
